<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title>蛋糕_网红蛋糕_生日蛋糕</title>
    <!-- 网站说明 -->
    <meta name="description"
          content="Flower轻奢鲜花蛋糕品牌,提供精品鲜花、生日蛋糕网上订购,定制各种精品礼盒时尚鲜花、个性蛋糕！"/>
    <!-- 关键字 -->
    <meta name="keywords" content="Flower,鲜花,蛋糕,送花,订花,鲜花网,鲜花订购,蛋糕店,鲜花配送,网上订花，蛋糕订购,网上蛋糕店"/>
    <!-- 基础样式 -->
    <link type="text/css" rel="stylesheet" href="/static/css/base.css"/>
    <!-- 公共样式 -->
    <link type="text/css" rel="stylesheet" href="/static/css/common.css"/>
    <!-- 主页样式 -->
    <link type="text/css" rel="stylesheet" href="/static/css/cake_product.css"/>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="/static/img/favicon.ico"/>
    <!-- layui -->
    <link rel="stylesheet" href="/static/js/layui/css/layui.css" media="all">


</head>
<body>

<!-- 快捷导航模块 start -->
<section class="shortcut">
    <!-- 版心 -->
    <div class="w">
        <div class="nav_left">
            <ul>
                <li class="icon-phone">0797-3591053</li>
                <li></li>
                <li class="icon-app"><a href="#">下载Flower鲜花APP</a></li>
                <li></li>
                <li class="icon-wx"><a href="#">关注Flower鲜花微信公众号</a></li>
            </ul>
        </div>

        <div class="nav_right">
            <ul>
                <li class="avatar" th:if="${session.loginUser != null}"><img th:src="${session.loginUser.avatar}" alt="" style="width: 34px;height: 34px"></li>
                <li class="login" th:if="${session.loginUser != null}" style="margin-left: 5px">[[${session.loginUser.nickname}]]</li>
                <li class="login" th:if="${session.loginUser == null}"><a href="/login.html">登录</a></li>
                <li th:if="${session.loginUser == null}"><a href="/register.html">注册</a></li>
                <li th:if="${session.loginUser != null}" style="margin-left: 10px"><a href="/logout">退出</a></li>
                <li class="fenge"></li>
                <li class="shop_car"><a href="/shopCar.html">我的购物车</a><i class="count">0</i></li>
            </ul>
        </div>
    </div>
</section>
<!-- 快捷导航模块 end -->

<!-- header头部模块 start -->
<header class="header w">
    <!-- logo -->
    <div class="logo">
        <ul>
            <li>
                <h1>
                    <a href="/index.jsp" title="Flower" class="Rosewin">Flower</a>
                </h1>
            </li>
            <li></li>
            <li class="arrow-icon"><a href="#">全国</a></li>
        </ul>
    </div>
    <!-- 搜索框 -->
    <div class="search">
        <input type="text" name="" id="" value="" placeholder="请输入关键字"/>
        <button><em></em></button>
    </div>
    <!-- 下载 -->
    <div class="download">
        <a href="#" class="ios"></a>
        <a href="#" class="android"></a>
    </div>
</header>
<!-- header头部模块 end -->

<!--移入弹出层-->
<div class="shiftInPopup">
    <ul class="kind" id="kind">
        <li><a href="/flower.html?categoryName=向日葵">向日葵</a></li>
        <li><a href="/flower.html?categoryName=康乃馨">康乃馨</a></li>
        <li><a href="/flower.html?categoryName=满天星">满天星</a></li>
        <li><a href="/flower.html?categoryName=白玫瑰">白玫瑰</a></li>
        <li><a href="/flower.html?categoryName=红玫瑰">红玫瑰</a></li>
        <li><a href="/flower.html?categoryName=蓝玫瑰">蓝玫瑰</a></li>
        <li><a href="/flower.html?categoryName=粉玫瑰">粉玫瑰</a></li>
    </ul>
</div>


<!-- nav 模块 start -->
<nav class="nav">
    <div class="w">
        <div class="category">
            <ul>
                <li><a href="/index.html">首页</a></li>
                <li>/</li>
                <li><a href="http://localhost:8099/flower.html?categoryName=鲜花" class="selectFlower" id="flower">鲜花</a></li>
                <li>/</li>
                <li><a href="/flower.html?categoryName=进口鲜花">进口鲜花</a></li>
                <li>/</li>
                <li><a href="/cake.html?categoryName=蛋糕" class="cake">蛋糕<img src="/static/img/hot_ico3.gif" alt=""></a></li>
                <li>/</li>
                <li><a href="/flower.html?categoryName=永生花">永生花</a></li>
                <li>/</li>
                <li><a href="#">开业花篮</a></li>
                <li>/</li>
                <li><a href="#">礼品</a></li>
                <li>/</li>
                <li><a href="#">鲜花百科</a></li>
                <li>/</li>
                <li><a href="#">花语大全</a></li>
            </ul>
        </div>
    </div>
</nav>
<!-- nav 模块 end -->

<span id="categoryName" th:text="${categoryName}" style="display: none"></span>

<!-- main 模块 start -->
<div class="main">
    <div class="w">
        <!-- 网红蛋糕推荐 -->
        <div class="internet_celebrity_cake">
            <h3>网红蛋糕推荐</h3>
            <div class="special_sale_top">
                <ul id="cake_product">
                    <li class="box_one">
                        <a href="#">
                            <ul class="main_ul">
                                <li class="main_li"></li>
                                <li class="flower_language">简约甜蜜鲜奶蛋糕</li>
                                <li class="price">￥199</li>
                                <li class="download_app">下载Flower鲜花APP,此款立省20元</li>
                            </ul>
                        </a>
                    </li>
                </ul>
            </div>
        </div>


        <div id="page"></div>
     </div>
</div>
        <!-- main 模块 end -->





        <!-- footer 模块 start -->
        <footer class="footer">
            <div class="footer_service footer-wrap">
                <div class="w">
                    <ul>
                        <li>
                            <h4></h4>
                            <div class="service_text">
                                <h2>高档花材</h2>
                                <p>100%品质保证</p>
                            </div>
                        </li>
                        <li>
                            <h4></h4>
                            <div class="service_text">
                                <h2>同城配送</h2>
                                <p>1-3小时送达</p>
                            </div>
                        </li>
                        <li>
                            <h4></h4>
                            <div class="service_text">
                                <h2>特色服务</h2>
                                <p>高端私人定制</p>
                            </div>
                        </li>
                        <li>
                            <h4></h4>
                            <div class="service_text">
                                <h2>时尚原创花艺</h2>
                                <p>资深花艺师独家设计</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="footer_bottom">
                <div class="w">
                    <div class="help">
                        <div class="footer_help">
                            <dl>
                                <dt>购物说明</dt>
                                <dd><a href="#">APP专享介绍</a></dd>
                                <dd><a href="#">购物流程</a></dd>
                                <dd><a href="#">支付说明</a></dd>
                            </dl>
                            <dl>
                                <dt>配送说明</dt>
                                <dd><a href="#">配送范围</a></dd>
                                <dd><a href="#">配送费用</a></dd>
                                <dd><a href="#">配送时间</a></dd>
                            </dl>
                            <dl>
                                <dt>退改须知</dt>
                                <dd><a href="#">订单修改</a></dd>
                                <dd><a href="#">订单取消</a></dd>
                                <dd><a href="#">关于签收</a></dd>
                            </dl>
                            <dl>
                                <dt>关于我们</dt>
                                <dd><a href="#">品牌介绍</a></dd>
                                <dd><a href="#">实力证明</a></dd>
                                <dd><a href="#">花语大全</a></dd>
                                <dd><a href="#">鲜花百科</a></dd>
                            </dl>
                            <dl>
                                <dt>同层配送</dt>
                                <dd><a href="#">北京鲜花</a></dd>
                                <dd><a href="#">上海鲜花</a></dd>
                                <dd><a href="#">广州鲜花</a></dd>
                                <dd><a href="#">更多城市</a></dd>
                            </dl>
                        </div>
                        <div>&nbsp;&nbsp;友情链接：&nbsp;&nbsp;<a href="#">订花</a>&nbsp;&nbsp;<a href="#">花店订花</a>&nbsp;&nbsp;<a href="#">防伪</a>&nbsp;&nbsp;<a href="#">网站建设</a>&nbsp;&nbsp;<a href="#">连锁加盟网</a>&nbsp;<a href="#">CFA</a>&nbsp;&nbsp;<a href="#">品牌大全</a>&nbsp;&nbsp;<a href="#">EMBA</a>&nbsp;&nbsp;<a href="#">资源网</a></div>
                        <div>&nbsp;&nbsp;联系电话：&nbsp;&nbsp;0797-3591053&nbsp;&nbsp;&nbsp;©2021 - 2022 By 赖赐麒</div>
                        <div>&nbsp;&nbsp;开发者：赖赐麒&nbsp;&nbsp;&nbsp;<a href="#">应用权限</a>&nbsp;&nbsp;<a href="#">隐私权限</a></div>
                    </div>


                    <div class="service_tel">
                        <ul>
                            <li>电话</li>
                            <li>0797-3591053</li>
                            <li>工作日 08:00-21:00</li>
                            <li>节假日 06:00-24:00</li>
                            <li><a href="#">全国</a></li>
                        </ul>
                    </div>


                    <div class="download">
                        <ul class="download_iphone">
                            <li>Iphone下载</li>
                            <li></li>
                        </ul>
                        <ul class="download_android">
                            <li>Android下载</li>
                            <li></li>
                        </ul>
                        <div>手机扫码即可下载Flower鲜花APP</div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- footer 模块 end -->
        <script src="/static/js/common.js" type="text/javascript" charset="utf-8"></script>
        <script src="/static/js/layui/jquery.min.js"></script>
        <script src="/static/js/layui/layui.js"></script>
       <script src="/static/js/cake_product.js"></script>
        <script src="/static/js/common.js"></script>
</body>
</html>
